<template>
  <view class="similarity">
    <view class="nav">
      <!-- 点击事件处理收藏状态 -->
      <uni-nav-bar
        left-icon="back"
        statusBar="true"
        @clickLeft="tovideoSample"
        :border="false"
      >
      </uni-nav-bar>
    </view>
    <view class="centerContainer">
      <view class="image">
        <image src="../../static/sitting.png" mode="aspectFit" />
      </view>
      <view class="indexPage">
        <view class="title">相似度</view>
        <view class="index">90%</view>
      </view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    tovideoSample() {
      uni.reLaunch({
        url: "../videoSample/videoSample",
      });
    },
  },
};
</script>

<style lang="less" scoped>
.similarity {
  height: 100vh;
  width: 100vw;
  .nav {
    width: 100vw;
  }
  .centerContainer {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    margin-top: 100rpx;
    .image {
      border: sloid 1px red;
    }
    .indexPage {
      height: 50vh;
      width: 100vw;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      color: #333333;
      .title {
        font-size: 40rpx;
        margin-bottom: 60rpx;
      }
      .index {
        font-size: 120rpx;
        font-weight: bold;
      }
    }
  }
}
</style>
